<template>
  <div>
    <!-- 面包屑  -->
    <el-breadcrumb>
      <!-- 具体的title内容，由父组件nav传递过来 -->
      <el-breadcrumb-item class="line">{{ mainTitle }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  // props接收父组件传递过来的数据
  props:["mainTitle"],
  components: {},

  methods: {}
};
</script>

<style scoped lang='scss'>
.el-breadcrumb {
  height: 10px;
  padding: 20px;
  border-radius: 4px;
  /* 投影 */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  .line {
    border-left: 3px solid #31c17b;
    padding-left: 10px;
  }
}
</style>